<template>
    <div style="width: 100%; height: 100%">
        <MainHeader class="slogan-header" backgroundColor="rgba(58, 98, 215,1)"></MainHeader>
        <div class="main-container-content contentBoxs  not">
            <el-row :gutter="10">
                <el-col :xs='24' :sm="24" :md="24" :lg="24" :xl="24">
                    <Commontitle title="课件学习" dec=""></Commontitle>
                </el-col>
            </el-row>
            <div class="lists_containers">
                <!-- <vue-ppt url="test.ppt" /> -->
            </div>
         


        </div>
    </div>
</template>

<script>
// import VuePpt from 'vue-ppt'
export default {
    name: 'coursewareLearnDetail',
    components: {
        // VuePpt
    },
    data() {
        return {
         

        };
    },
    mounted() {
        const { state } = this.$store;


    },
    computed: {
        device() {
            return this.$store.state.device
        }
    },
    methods: {
       

    },
};
</script>

<style scoped lang="scss">


.lists_containers {
    width: 100%;
    padding:10px;
    padding-bottom:30px;
    height: calc(100% - 94px);
    overflow-y: auto;
    box-sizing: border-box;

   
    
}
</style>
